<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Beta1</title>
	<link rel="stylesheet" type="text/css" href="css/main.css"/>
</head>
<body>
	<div id="main">
            <div id="Khon">
                <div class="buddy"></div>
                <div id="speechBubble">Hello <b><?php echo  $_COOKIE['checklog'];?></b>! My name is Khon and i will be your guide though this WebOS.</div>
            </div>
		<div id="mipc" class="icon" ondblclick="
                    nview('My stats','khon.callback.php','600','500','1','GET','p=1&t=10');">
			<div class="name" >My Stats</div>
		</div>
		<div id="notebook" class="icon">
			<div class="name">Notebook</div>
		</div>
		<div id="RightBar">
			<div class="facebook"></div>
                        <div class="twitter"></div>
		</div>
		<div id="taskbar">
			<div id="start">Start</div>
                        <div id="friendstsk"></div>
			<div id="clock">00:00:00</div>
		</div>
            <div id="friendsbox" class="friendsbox">
                <span style="float: right; padding-right: 6px; padding-top:3px;"><a id="fnoticeclose" href="#">x</a></span>
                <p class="ftext" style="padding-top:15px;"><b>User1</b> a refuzat cererea ta de prietenie.</p>
            </div>  
            <div id="friends">
                <div id="friendsclose" class="closebtn" style="margin-top:15px; margin-left:255px;"></div>

                <div id="friendsBar" align="center">
                    <table>
                        <tr>
                            <td id="add"></td>
                            <td id="remove"></td>
                            <td id="status"></td>
                            <td id="settings"></td>
                        </tr>
                    </table>
                </div>
                <div id="friendAdd" class="friendAdd" align="center">
                    <p>Add a new friend</p>
                    <div>
                    <input class="input" type="text" size="20" />
                    <button class="input">Add</button>
                    </div>
                    <p>You can type a part of the name.</p>
                </div>
                <div id="friendRem" class="friendAdd" align="center">
                    <p>Remove friend</p>
                    <div>
                    <input class="input" type="text" size="20" />
                    <button class="input">Remove</button>
                    </div>
                    <p>You can type a part of the name.</p>
                </div>
                <div id="friendStat" class="friendAdd" align="center">
                    <p>Change Status</p>
                    <div>
                    <input class="input" type="text" size="20" />
                    <button class="input">Change</button>
                    </div>  
                </div>
                <div id="friendSettings" class="friendAdd" align="center">
                    <p>Change settings</p>
                    <div>
                        <label>Enable sounds</label>
                        <input type="radio" value="1" name="sound" />Y
                        <input type="radio" value="0" name="sound" />N
                    </div>
                    <div>
                        <label>Enable friends notifications</label>
                        <input type="radio" value="1" name="notifications" />Y
                        <input type="radio" value="0" name="notifications" />N
                    </div>
                    <div>
                        <button class="input">Save</button>
                    </div>
                </div>
                <div id="friendsScroll" style="scrollbar-arrow-color: #000000;scrollbar-base-color: #00CCFF;scrollbar-face-color: #0099FF;scrollbar-highlight-color: #00CCFF;scrollbar-shadow-color: #00CCFF;scrollbar-3dlight-color: #00CCFF;scrollbar-track-color: #00CCFF;scrollbar-darkshadow-color: #00CCFF;">
                    <?php
                    $friends = array('gogu','gica','ovidiu','alex','kala','gica','asdasd','alex','kala','asdasdasd','ovidiu','asdasdasd','kala');
$avatars = array('','','','','','','','','','','','','');
                    foreach($friends as $id => $friend){ ?>
                    <div id="friend" ondblclick="nview('Chat Window','chat.php','300','150','<?php echo $id;?>');">
                        <table>
                            <tr>
                                <td id="avatar">
                                    <img src="images/noav32.png" />
                                </td>
                                <td id="name">
                                    <?php echo $friend;?>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <?php } ?>
                </div>
            </div>
            <div id="nspace" style="padding-top:20px;"></div>
        </div>
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
	<script type="text/javascript" src="js/core.js"></script>
</html>
